<!--
system situation tag:
    globalInfo            HashMap    存储全局值                             必需
            1.iconClass     String     标题icon样式,一般用font awesome         必需
            2.title         String     一级标题                               必需
            3.subtitle      String     子标题                                 必需
            4.logTotal      String     log总条数                              必需
            5.logList       String     log总列表                              必需
            6.alarmTotal    String     alarm总条数                            必需
            7.alarmList     String     alarm列表                              必需
            8.orderTotal    String     order总条数                            必需
            9.orderList     String     order列表                              必需
-->
<style type="text/css">
    #sparks li h5{
        margin: -2px 0 0 0;
    }
</style>
<div class="row">
    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
        <h1 class="page-title txt-color-blueDark">
            <i class="${globalInfo.iconClass!''}"></i>
            ${globalInfo.title!''}
			<span>>
				${globalInfo.subtitle!''}
			</span>
        </h1>
    </div>
    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
        <ul id="sparks" class="">
            <li class="sparks-info">
                <h5> System Log <span class="txt-color-blue">
                    <i class="fa fa-bar-chart"></i>&nbsp;${globalInfo.logTotal!'0'}</span>
                </h5>
                <div class="sparkline txt-color-blue hidden-mobile hidden-md hidden-sm">
                    ${globalInfo.logList!'0'}
                </div>
            </li>
            <li class="sparks-info">
                <h5> Alarm <span class="txt-color-purple">
                    <i class="fa fa-bell"></i>&nbsp;${globalInfo.alarmTotal!'0'}</span>
                </h5>

                <div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm">
                    ${globalInfo.alarmList!'0'}
                </div>
            </li>
            <li class="sparks-info">
                <h5> Site Orders <span class="txt-color-greenDark">
                    <i class="fa fa-arrow-circle-up" ata-rel="bootstrap-tooltip" title="Increased"></i>&nbsp;${globalInfo.orderTotal!'0'}%<</span>
                </h5>

                <div class="sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm">
                    ${globalInfo.orderList!'0'}
                </div>
            </li>
        </ul>
    </div>
</div>